$(function(){
	bottom.init();
	changePage();

});

var bottom = {
	init:function(){
		bottom.build();

	},
	//插入底部导航栏
	build:function(){
		var bottomTpl = '<ul class="bottom_container">'
							+'<li>'
								+'<a href="firstPage.html" id="home">'
									+'<svg class="icon" aria-hidden="true">'
									  +'<use xlink:href="#icon-shouye"></use>'
									+'</svg>'
									+'<p class="bottom_font">首页</p>'
								+'</a>'
							+'</li>'
							+'<li>'
								+'<a href="allMovies.html" id="shopcar">'
									+'<svg class="icon" aria-hidden="true">'
									  +'<use xlink:href="#icon-shouye2"></use>'
									+'</svg>'
									+'<p class="bottom_font">所有电影</p>'
								+'</a>'
							+'</li>'
							+'<li>'
								+'<a href="myShop.html" id="myCenter">'
									+'<svg class="icon" aria-hidden="true">'
									  +'<use xlink:href="#icon-shouye1"></use>'
									+'</svg>'
									+'<p class="bottom_font">个人中心</p>'
								+'</a>'
							+'</li>'
						+'</ul>'
		$('#bottom').append(bottomTpl);
	}
}

function changePage(){
	var activeCon = $('#bottom').attr('data-active');
	$('.bottom_container').children().eq(activeCon).children().addClass('active');
	// $('#home').click(function(){
	// 	$(this).addClass('active').parent().siblings().children().removeClass('active');
		
	// });
	// $('#shopcar').click(function(){
	// 	$(this).addClass('active').parent().siblings().children().removeClass('active');
	// });
	// $('#myCenter').click(function(){
	// 	$(this).addClass('active').parent().siblings().children().removeClass('active');
	// });
}
